﻿
@baseUrl: "../i";
@baseJqUi: "@{baseUrl}/jquery.ui";
@blankImg: "@{baseUrl}/blank.gif";

@disableTextColor: #7A7A7A;
@menuitemTextColor: #000;
@bodyIndent: 24px;
@tablePadding: 8px;

.noneSelect () {
    touch-callout: none;
    -o-touch-callout: none;
    -moz-touch-callout: none;
    -webkit-touch-callout: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.borderRadius (@value: 3px) {
    border-radius: @value;
}

.boxShadow (@blurRadius: 8px) {
    background: #FFF url(@blankImg);
    border: 1px solid #D1D1D1;
    box-shadow: 0 1px @blurRadius rgba(0, 0, 0, 0.5);
}

.textOverflowEllipsis () {
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
}

.resetListStyle (@marginValue: 0, @paddingValue: 0) {
    list-style: none;
    margin: @marginValue;
    padding: @paddingValue;
}

.backgroundVerticalGradient (@startColor: #FFFFFF, @middleColor1: #FFFFFF, @middleColor2: #FFFFFF, @endColor: #FFFFFF) {
    background: @middleColor1;
    background: linear-gradient(top, @startColor, @middleColor1 50%, @middleColor2 51%, @endColor);
    background: -o-linear-gradient(top, @startColor, @middleColor1 50%, @middleColor2 51%, @endColor);
    background: -moz-linear-gradient(top, @startColor, @middleColor1 50%, @middleColor2 51%, @endColor);
    background: -webkit-linear-gradient(top, @startColor, @middleColor1 50%, @middleColor2 51%, @endColor);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@{startColor}', EndColorStr='@{endColor}')";
}

.backgroundVerticalGradientGrey () {
    .backgroundVerticalGradient(#F7F7F7, #E9EAEA, #E8E9E9, #E1E2E2);
}

.backgroundVerticalGradientLight () {
    .backgroundVerticalGradient(#F9F9F9, #F2F2F2, #F0F1F1, #EBECEC);
}

.backgroundVerticalGradientBlue () {
    .backgroundVerticalGradient(#59B0E1, #3D96C6, #3D96C6, #1C78A8);
}
